<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>数据统计</title>
</head>
<body>
<div th:fragment="content">
    <div class="layui-card">
        <div class="layui-card-header">数据统计</div>
        <div class="layui-card-body">
            <!-- 统计图表容器 -->
            <div class="layui-row">
                <div class="layui-col-md6">
                    <div class="layui-card">
                        <div class="layui-card-header">用户增长趋势</div>
                        <div class="layui-card-body">
                            <div id="user-growth-chart" style="height: 300px;"></div>
                        </div>
                    </div>
                </div>
                <div class="layui-col-md6">
                    <div class="layui-card">
                        <div class="layui-card-header">文章分类分布</div>
                        <div class="layui-card-body">
                            <div id="category-distribution-chart" style="height: 300px;"></div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="layui-row mt-4">
                <div class="layui-col-md12">
                    <div class="layui-card">
                        <div class="layui-card-header">文章与评论统计</div>
                        <div class="layui-card-body">
                            <div id="article-comment-chart" style="height: 300px;"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
</html>